<template>
  <div>
    <a-card class="mb-[10px]" :bordered="false" size="small">
          <div class="box-border !flex">
            <a-avatar
              :size="58"
              class="mr-[12px] flex items-center justify-center border border-solid border-[rgba(0,0,0,0.2)] bg-transparent"
            >
              <img
                alt="avatar"
                src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
              />
            </a-avatar>
            <div class="w-[calc(100%-76px)] user-info">
              <div class="text-[18px] font-bold">
                <span>铭泽</span>
              </div>
              <div class="user-desc leading-[30px] mb-4"> SeeDao投研公会 </div>
            </div>
          </div>
          <div class="text-gray-400">一句话简介</div>
          <a-row class="mt-[10px]" :gutter="30">
            <a-col :span="12">
              <a-button type="primary" class="w-[100%] h-[35px]">
                <template #icon>
                  <icon-plus />
                </template>
                <template #default>关注</template>
              </a-button>
            </a-col>
            <a-col :span="12">
              <a-button type="outline" class="w-[100%] h-[35px]">
                <template #icon>
                  <icon-email />
                </template>
                <template #default>私信</template>
              </a-button>
            </a-col>
          </a-row>
          <a-divider :margin="15" />
          <div class="flex items-center">
            <icon-thumb-up-fill class="text-[#5F70FF]  bg-[#cbd8fa] rounded-full text-[21px] p-[4px]"  />
            <span class="ml-[8px] text-[#252933] text-[13px] font-[400]">累计获得点赞 100</span>
          </div>
          <div class="flex items-center mt-[10px]">
            <icon-eye  class="text-[#5F70FF]  bg-[#cbd8fa] rounded-full text-[21px] p-[4px]"  />
            <span  class="ml-[8px] text-[#252933] text-[13px] font-[400]">文章被阅读  100</span>
          </div>
          <div class="flex items-center mt-[10px]">
            <icon-file   class="text-[#5F70FF]  bg-[#cbd8fa] rounded-full text-[21px] p-[4px]"  />
            <span  class="ml-[8px] text-[#252933] text-[13px] font-[400]">累计发表文章 100</span>
          </div>
       
        </a-card>
  </div>
</template>